<template>
  <PageHeader v-if="isShowHeader" />
  <router-view></router-view>
</template>

<script setup>
import PageHeader from "./components/PageHeader.vue";
import { watchEffect, ref } from "vue";
import { useRoute } from "vue-router";
const isShowHeader = ref(false);
const route = useRoute();

watchEffect(() => {
  if (route.name != undefined && route.name !== "HomePage") {
    isShowHeader.value = true;
  } else {
    isShowHeader.value = false;
  }
});
</script>

<style></style>
